<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <title>视频监控</title>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/>
    <script type="text/javascript" th:src="@{/static/captcha/js/liveplayer-element.min.js}"></script>
</head>
<style>
    html, body {
        margin: 0px;
        padding: 0px;
    }
</style>
<body>
<div >
    <live-player style="width:100%;height: auto;" id="player1" aspect="fullscreen" live="true" stretch="true"></live-player>
</div>
</body>
<script>

    playFun();
    function playFun() {
        // 页面加载完成以后执行
        var player1 = document.getElementById('player1');
        let url =  location.protocol == "http:"?"[[${vo?.url}]]":"[[${vo?.urlWan}]]";
        player1.setAttribute("video-url", url);
    }

</script>
</html>